<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <pre>
        fatch 是一个新的发送ajax的请求的语法   是为了取代xhr 而创造的
    </pre>
    <script>
        // fetch('http://localhost:3000/data')
        //     .then((data) => {
        //         //这一步为 .then 返回一个promise的实例对象
        //         return data.text()
        //     })
        //     .then((data) => {
        //         //第二个.then 得到promise的结果    在这里 可以使用 promise 所有的对象方法
        //         console.log(data)
        //     })
        //     .catch((err) => {
        //         console.log(err)
        //     })
        fetch('http://localhost:3000/data1')
            .then((data) => {
                return data.text()
            })
            .then((data) => {
                console.log(data)
            })
            .catch((err) => {
                console.log(err)
            })

        fetch('http://localhost:3000/data')
            .then((data) => {
                return data.text()
            })
            .then((data) => {
                console.log(data)
            }).catch((err => {
                console.log(err)
            }))

        fetch('http://localhost:3000/data2')
            .then((data) => {
                return data.text()
            })
            .then((data) => {
                console.log(data)
            }).catch((err) => {
                console.log(err)
            })
    </script>
</body>

</html>